<template>
	<view>
		<swiper :indicator-dots="true" :autoplay="true" circular :interval="3000" :duration="1000">
			<swiper-item>
				<!-- 图片不可以放到page下边 -->
				<image src="@/static/images/t3.jpg" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="@/static/images/t2.jpg" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="@/static/images/t6.jpg" mode=""></image>
			</swiper-item>
		</swiper>
		<view class="logo">
			<image src="@/static/images/logo.png" mode=""></image>
		</view>

		<view class="rich">
			<button type="default" size="mini">点击头像</button>
			<!-- <rich-text nodes="<h1>自我  &gt; &copy;介绍</h1>"></rich-text> -->
			<rich-text :nodes="node"></rich-text>
		</view>
		<text>数据多了福建省父类数据多了方式令肌肤的结论是大发牢骚\n 数据了房东家的水电费</text>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				node:[{
					name: 'h1',
					attrs: {
						class: 'div-class',
						style: 'line-height: 60px; color: red; text-align:center;'
					},
					children: [{
						type: 'text',
						text: '自我 &gt;  &lt; &copy; 介绍'
					}]
				}],
			}
		},
		methods: {

		}
	}
</script>

<style>
	.rich {
		text-align: center;
	}

	.logo {
		margin-top: 40px;
		text-align: center;
	}

	.logo image {
		width: 200px;
		height: 200px;
	}

	swiper-item image {
		width: 100%;
	}
</style>
